<template>
  <div id="app">
    <Index></Index>
  </div>
</template>

<script>
import Index from './views/index/Index.vue'
export default {
  name: 'App',
  components:{Index},
  data(){
    return{
      globalUpdateTimer:null,
    }
  },
  beforeDestroy() {
    clearInterval(this.globalUpdateTimer)
  },
  beforeCreate() {
    window.onresize=()=>{
      this.$bus.$emit('resize');
    }
    this.globalUpdateTimer=setInterval(()=>{
      this.$bus.$emit('updateData');
    },60*1000*60)
  },
}
</script>

<style lang="scss">
@import "assets/iconfont/iconfont.css";
@font-face {
  font-family: "Fzhzgbj";
  src: url("assets/font/Fzhzgbj.TTF");
  font-weight: normal;
  font-style: normal;
}
.fzhzgbj{
  font-family: "Fzhzgbj";
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  outline: none;
  color: $black;
}

html, body,#app {
  width: 100%;
  height: 100%;
}

input::placeholder {
  color: $darkGray;
}

*:active {
  border: none;
  text-decoration: none;
  outline: none;
}

/*
滚动条美化
 */
::-webkit-scrollbar-track {
  background-color: #F5F5F5
}
::-webkit-scrollbar {
  width: 3px;
  background-color: #F5F5F5
}

::-webkit-scrollbar-thumb {
  background-color: #999
}
.row{
  z-index: 999;
}

</style>
